import React from 'react';
import {Statistic,Col, Row} from 'antd'
import {ArrowUpOutlined} from '@ant-design/icons'

interface Props {}

function Home(props:Props) {
    return (
        <div className='home'>
            <Row>
                <Col span={6}>
                    <Statistic title="新增用户" value={112893} />
                </Col>
                <Col span={6}>
                    <Statistic
                    title="同比新增"
                    value={11.28}
                    precision={2}
                    valueStyle={{ color: '#3f8600' }}
                    prefix={<ArrowUpOutlined />}
                    suffix="%"
                    />
                </Col>
                <Col span={6}>
                    <Statistic title="新增交易额" value={939393} />
                </Col>
                <Col span={6}>
                    <Statistic
                    title="同比新增"
                    value={21.28}
                    precision={2}
                    valueStyle={{ color: '#3f8600' }}
                    prefix={<ArrowUpOutlined />}
                    suffix="%"
                    />
                </Col>
            </Row>
           
            
            
            
        </div>
    );
}

export default Home;